\documentclass{beamer}
%\usepackage[latin1]{inputenc}
\usepackage[utf8]{inputenc}
\usepackage[spanish]{babel}
\usepackage{beamerthemeshadow}
\usepackage{times} %font times
\usepackage[T1]{fontenc} %% Usar la codificaci�n T1
%para que cuando se seleccione un texto las letras acentuadad y las � se copien bien
\usepackage{enumerate}
\usefonttheme{professionalfonts}

\newtheorem{defi}{Definition} 



%\usecolortheme[RGB={205,173,0}]{structure}
%\usetheme[height=7mm]{Berlin}


\mode<presentation>{
%\usetheme{Copenhagen}
\usetheme{Warsaw}
\setbeamercovered{transparent}
}


\title{FFLocation -- Find Friend Location}
\author{{Andreas Kapourani}\\ {Aitor Martin}\\ {Juan Javier García}}
\date{$19^{th}$ of January 2011}


\begin{document} %inicio del documento

%portada
\begin{frame}[plain]{Roskilde University}
    \begin{center}
      \includegraphics [width =0.25 \textwidth ]{Images/ruclogo} 
    \end{center}

    \titlepage
\end{frame}

\begin{frame}
    \frametitle{Index}
    \tableofcontents
\end{frame}


\section{Introduction}
    \subsection{What is FFLocation?}
	\begin{frame}
	    \frametitle{What is FFLocation?}
	    \begin{enumerate}
		\item Social network. Sharing information with your friends like photos, notes, position in {\bf real time}.
		\item Distributed system.
		\item Use many features of SmartPhones such as GPS, Camera, Maps, etc.
		\item Web site to manage the application in a easy way.
	    \end{enumerate}
	\end{frame}

    \subsection{FFLocation system}
	\begin{frame}
	    \frametitle{FFLocation system}
	    \begin{block}{Architecture}
		FFLocation has a service-based architecture which embraces a lot of technologies.   
	    \end{block}

	    \begin{center}
		\includegraphics [width=1 \textwidth ]{Images/architecture}
	    \end{center}
	\end{frame}


\section{Web site structure}
    \begin{frame}
	Flow Chart diagram for user's activities.
	\begin{center}
	    \includegraphics [width =1 \textwidth ]{Images/webAdministratorFlowChart}
	\end{center}
    \end{frame}


\section{Running Web site application}
    \begin{frame}
	\begin{block}{Running Web site application}
	    Demonstration of the Web site
	\end{block}
    \end{frame}


\section{Web site implementation}
    \subsection{Consuming Web services}
	\begin{frame}
	    \begin{block}{Consuming Web Services}
		\begin{itemize}
		  \item Server defines his interface in a WSDL file.
		  \item ToServer class gives ability to consume Web Services.
		  \item Defines where is the URL to the server application interface.
		  \item It creates client object and makes the call to the service.
		  \item NuSOAP library needed so as to handle with SOAP messages.
		\end{itemize}
	    \end{block}
	\end{frame}
	
    \subsection{Using AJAX technology}
	\begin{frame}
	    AJAX: Revolutionary technology 
	    \begin{center}
		\includegraphics [width =1 \textwidth ]{Images/ajax}
	    \end{center}
	\end{frame}

    \subsection{Google Maps}
	\begin{frame}
	    \begin{block}{Using Google Maps}
		\begin{enumerate}
		  \item Include the Maps API JavaScript using a script tag.
		  \item Create a {\bf div} element to hold the Map.
		  \item Write JavaScript function to create a {\bf map} object.
		  \item Objects of {\bf Map} class define a single map on a page.
		  \item Initialize the map object from the body tag's {\bf onload} event.
		\end{enumerate}
	    \end{block}
	\end{frame}

    \subsection{Other implementation techniques}
	\begin{frame}
	    \begin{block}{Implementation techniques}
		\begin{itemize}
		  \item CSS for having a better design/structure of the Web site.
		  \item Using GET and POST methods so as to pass information to other pages.
		  \item Session management, each user has a ToServer object for Authentication.
		\end{itemize}
	    \end{block}
	\end{frame}


\section{Conclusion}
    \subsection{Future improvements}
	\begin{frame}
	    \begin{block}{Security Manners}
		\begin{enumerate}
		  \item Web site should use \emph{HTTP over SSL} to communicate with the server.
		\end{enumerate}
	    \end{block}
	    \begin{block}{Other improvements}
		\begin{enumerate}
		  \item Maps can be more interactive and showing photos and notes.
		  \item More functionalities to the user like making friend requests.
		  \item The code could be upgraded, more reusable.
		\end{enumerate}
	    \end{block}
	\end{frame}

    \subsection{What we learnt...}
	\begin{frame}
	    \begin{block}{What we learnt}
		\begin{enumerate}
		  \item Combining different technologies, we obtained lot of skills in Software Development. 
		  \item We have better understanding about \emph{software and protocols}. 
		  \item Working in \emph{project team}, different language, gave first concept of real world projects. 
		\end{enumerate}
	    \end{block}
	\end{frame}

	\begin{frame}
	    \begin{center}
		\Huge Questions?
	    \end{center}

	\end{frame}


\end{document}